<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">

    <style>
        /* layui设置按钮样式 */
        .layui-btn{
            border-radius: 4px;
        }
        .account-foot-copyright{
            position: absolute;
            bottom: 0;
            left: 50%;
            text-align: center;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .account-foot-copyright span{
            line-height: 20px;
            text-align: center;
            /* color: #f5f5f5; */
            color: #666;
            margin: 0 5px;
            font-size: 14px;
        }
        .layui-elem-quote {
            border-left: 5px solid #00968A !important;
        }
        .x-admin-backlog-body:hover #one{
            background-color: #e0b62a;
            color: white!important;
        }
        .x-admin-backlog-body:hover #two{
            background-color: #40c9c6;
            color: white!important;
        }
        .x-admin-backlog-body:hover #three{
            background-color: #36a3f7;
            color: white!important;
        }
        .x-admin-backlog-body:hover #four{
            background-color: #34bfa3;
            color: white!important;
        }
        .x-admin-backlog-body:hover #five{
            background-color: #f4516c;
            color: white!important;
        }
        .x-admin-backlog-body:hover #six{
            background-color: #cbdb3b;
            color: white!important;
        }
        /* 解决使用Vue.js页面加载数据的时候，页面闪现原始代码 */
        [v-cloak] {
            display: none;
        }
    </style>
</head>

<body>

    <!-- 导航面包屑 -->
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="#">首页</a>
            <a href="#">演示</a>
            <a><cite>导航元素</cite></a>
        </span>
        <a class="layui-btn layui-btn-small"
            style="line-height:1.6em;margin-top:3px;float:right;background-color: rgba(30, 159, 255, 0.76) !important;"
            onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px;"></i></a>
    </div>

    <div class="layui-fluid" id="app" v-cloak>
        <div class="layui-row layui-col-space15" style="margin-bottom: 10px;">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body ">
                        <blockquote class="layui-elem-quote">欢迎管理员：
                            <span class="x-red">{{admin.userName}}</span>！当前时间：<span id="showTime"></span>
                        </blockquote>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">数据统计</div>
                    <div class="layui-card-body ">
                        <ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
                            <li class="layui-col-md2 layui-col-xs6">
                                <a href="javascript:;" class="x-admin-backlog-body">
                                    <h3 id="one" style="float: left;height: 50px;width: 50px;text-align: center;line-height: 60px;margin-right: 15px;border-radius: 7px;color: #e0b62a;font-weight: 600;">
                                        <i class="layui-icon" style="font-size: 30px;">&#xe770;</i>
                                    </h3>
                                    <h3>用户总数</h3>
                                    <p>
                                        <cite>{{userNum}}</cite>
                                    </p>
                                </a>
                            </li>
                            <li class="layui-col-md2 layui-col-xs6">
                                <a href="javascript:;" class="x-admin-backlog-body">
                                    <h3 id="two" style="float: left;height: 50px;width: 50px;text-align: center;line-height: 60px;margin-right: 15px;border-radius: 7px;color: #40c9c6;font-weight: 600;">
                                        <i class="layui-icon" style="font-size: 30px;">&#xe656;</i>
                                    </h3>
                                    <h3>试卷总数</h3>
                                    <p>
                                        <cite>{{examPaperNum}}</cite>
                                    </p>
                                </a>
                            </li>
                            <li class="layui-col-md2 layui-col-xs6">
                                <a href="javascript:;" class="x-admin-backlog-body">
                                    <h3 id="three" style="float: left;height: 50px;width: 50px;text-align: center;line-height: 60px;margin-right: 15px;border-radius: 7px;color: #36a3f7;font-weight: 600;">
                                        <i class="layui-icon" style="font-size: 30px;">&#xe705;</i>
                                    </h3>
                                    <h3>题目总数</h3>
                                    <p>
                                        <cite>{{paperQuestionNum}}</cite>
                                    </p>
                                </a>
                            </li>
                            <li class="layui-col-md2 layui-col-xs6">
                                <a href="javascript:;" class="x-admin-backlog-body">
                                    <h3 id="four" style="float: left;height: 50px;width: 50px;text-align: center;line-height: 60px;margin-right: 15px;border-radius: 7px;color: #34bfa3;font-weight: 600;">
                                        <i class="layui-icon" style="font-size:30px;">&#xe663;</i>
                                    </h3>
                                    <h3>答卷总数</h3>
                                    <p>
                                        <cite>{{examPaperResultNum}}</cite>
                                    </p>
                                </a>
                            </li>
                            <li class="layui-col-md2 layui-col-xs6">
                                <a href="javascript:;" class="x-admin-backlog-body">
                                    <h3 id="five" style="float: left;height: 50px;width: 50px;text-align: center;line-height: 60px;margin-right: 15px;border-radius: 7px;color: #f4516c;font-weight: 600;">
                                        <i class="layui-icon" style="font-size: 30px;">&#xe6b2;</i>
                                    </h3>
                                    <h3>答题总数</h3>
                                    <p>
                                        <cite>{{errorQuestionNum}}</cite>
                                    </p>
                                </a>
                            </li>
                            <li class="layui-col-md2 layui-col-xs6 ">
                                <a href="javascript:;" class="x-admin-backlog-body">
                                    <h3 id="six" style="float: left;height: 50px;width: 50px;text-align: center;line-height: 60px;margin-right: 15px;border-radius: 7px;color: #cbdb3b;font-weight: 600;">
                                        <i class="layui-icon" style="font-size: 30px;">&#xe64c;</i>
                                    </h3>
                                    <h3>任务总数</h3>
                                    <p>
                                        <cite>{{taskNum}}</cite>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div id="main" class="layui-col-md12" style="width: 100%;height: 500px;background-color: white;margin-top: 10px;">

            </div>
            <div id="main2" class="layui-col-md12" style="width: 100%;height: 500px;background-color: white;margin-top: 10px;">

            </div>
            

            
            <!-- <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">系统信息</div>
                    <div class="layui-card-body ">
                        <table class="layui-table">
                            <tbody>
                                <tr>
                                    <th>阿里迪里考试系统版本</th>
                                    <td>1.0.0</td>
                                </tr>
                                <tr>
                                    <th>服务器</th>
                                    <td>Apache Tomcat/8.5.56</td>
                                </tr>
                                <tr>
                                    <th>操作系统</th>
                                    <td>Windows 10</td>
                                </tr>
                                <tr>
                                    <th>运行环境</th>
                                    <td>JDK 1.8.0_241</td>
                                </tr>
                                <tr>
                                    <th>MYSQL版本</th>
                                    <td>8.0.23</td>
                                </tr>
                                <tr>
                                    <th>Git版本控制工具</th>
                                    <td>Gitee</td>
                                </tr>
                                <tr>
                                    <th>PHP运行方式</th>
                                    <td>cgi-fcgi</td>
                                </tr>

                                <tr>
                                    <th>ThinkPHP</th>
                                    <td>5.0.18</td>
                                </tr>
                                <tr>
                                    <th>上传附件限制</th>
                                    <td>2M</td>
                                </tr>
                                <tr>
                                    <th>执行时间限制</th>
                                    <td>30s</td>
                                </tr>
                                <tr>
                                    <th>剩余空间</th>
                                    <td>86015.2M</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">开发团队</div>
                    <div class="layui-card-body ">
                        <table class="layui-table">
                            <tbody>
                                <tr>
                                    <th>版权所有</th>
                                    <td>在校开发团队
                                    </td>
                                </tr>
                                <tr>
                                    <th>开发者</th>
                                    <td>笑傲小组</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <style id="welcome_style"></style>
            <div class="layui-col-md12">
                <blockquote class="layui-elem-quote layui-quote-nm">感谢layui,百度Echarts,jquery,本系统由x-admin提供技术支持。
                </blockquote>
            </div> -->
        
        </div>
        <div class="account-foot-copyright">
            <span>Copyright © 2021 在校开发团队 笑傲小组</span>
        </div>
        
    </div>
    

    <script src="../js/echarts.min.js"></script>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/Vue.js"></script>
    <script src="js/over/welcome.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
</body>

</html>